*{
  padding:0;margin:0;
}
.mui-content{
  background: #fff;
  position: relative;
 
}
body{
  background: #fff!important;
}
li{
  list-style: none;
}

#header{
  position:relative;
  height:50px;
}

.iconfont{
  font-size:20px;
  font-weight: bold;
}

#header .icon-fanhui{
  position: absolute;
  left:15px;
  top:20px;
}
#header .icon-caidan{
  position: absolute;
  right:15px;
  top:20px;
}

#header .w_title{
  margin:0 auto;
  width:22px;
  height:32px;
  position: relative;
  top:15px;
}
#header .w_title .c{
  width:5px;
  height:5px;
  border-radius: 100%;
  background:#1f4ba5;
  top:3px;
  left:9px;
  position: absolute;
}
#header .w_title .p{
  position: absolute;
  left:1px;
  top:11px;
  font-size:22px;
  color:#1f4ba5;
}

/*navigation_part1*/
.nav_footer{
   position: relative;
}
#header .icon-X{
  position: absolute;
  right:14px;
  top:20px;
  font-size: 22px;
  color:#222222;
}

.navigation  .nav_div{
   margin:50px 0 0 0;
   text-align: center;

   
}

.navigation  .nav_div ul li{
   display: block;
   padding:0 0 25px 0;
   font-weight: bold;
   font-size: 20px;
   color:#222222;
}

.navigation  .nav_footer{
   margin:10px 0 0 0;
   text-align: center;
   
}

.navigation   .nav_footer ul li{
   display: block;
   padding:0 0 20px 0;
   color:#b2b2b2;
   position: relative;
  /* height:35px;
   line-height:35px;
   text-align: center;*/
}

.navigation   .nav_footer ul li div{
  width:132px;
  height:34px;
  margin:0px auto -12px;
  position: relative;

}

.navigation   .nav_footer ul li .bookmarks{
   position: absolute;
   top:0px;
   left:25px;
}
.nav_footer ul li p.mui_num{
  position:absolute;
  top:0px;
  right:8px;
  width:20px;
  height:20px;
  background:#1f4ba5;
 text-align: center;
 border-radius: 100%;
 font-size: 12px;
 color:#fff;
}


/*navigation_part2*/
.nav_part2 #header input#phone_input{
   width:90%;

}

.nav_part2 .navigation  .nav_div{
   margin:35px 0 0 0!important;
}
.nav_part2 .navigation .nav_div  ul li{

   padding:0 0 25px 0!important;
}

.part2 .nav_div ul li div{
  width:100px;
  height:35px;
  margin:0 auto;
  position: relative;


}


.part2 .nav_div  ul li p.bookmarks{
   position: absolute;
   top:5px;
   left:15px;
   font-size: 20px;
   color:#222222;
}
.nav_div ul li p.mui_num{
  position:absolute;
  top:5px;
  right:0px;
  width:20px;
  height:20px;
  background:#f2f2f2;
 text-align: center;
 border-radius: 100%;
 font-size: 12px!important;
 color:#b2b2b2;
}

.nav_part2_f {
   width:100%;
   background: yellow;
   position: relative;
}
.nav_part2_f .mui-seticon{
   width:100%;
   position: fixed;
   height:77px;
   bottom:20px;
}

 .nav_part2_f .mui-seticon div.left{
    position: absolute;
    left:30px;
    
}

.nav_part2_f .mui-seticon div.left .icon-yonghu{
   position: absolute;
   left:0;
  
}

 .nav_part2_f .mui-seticon div.left div p{
   position: absolute;
   left:50px;
   width:100px;
   top:20px;

}

 .nav_part2_f .mui-seticon div.left div span{
   position: absolute;
   left:35px;
   width:100px;
   top:40px;
   font-size: 12px;
   color:#b2b2b2;
}


.part2 .nav_part2_f .mui-seticon  .icon-tuichu{
   position: absolute;
   right:30px;
   margin:10px 0 0 0;

}

/*navigation_part3*/
#nav_search #header input#phone_input{
    width:90%;
    margin: 15px auto 0px;
    height:39px;
    font-size: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#nav-seticon{
   width:90%;
   height:102px;
   position: relative;
}

#nav-seticon .mid{
   width:80px;
   height:80px;
   margin:0 auto;
   position: relative;

}
#nav-seticon .mid  .icon-yonghu{
  position:absolute;
  left:0;
  width:80px;
  height:80px;
  top:0;
  line-height:80px
}


/*#nav-seticon .icon-settings,#nav-seticon .icon-yonghu1{
  position: absolute;
  left:22px;
  top:20px;
}

#nav-seticon .icon-yonghu,#nav-seticon .icon-daizi3{
  position: absolute;
  width:80px;
  height:80px;
  left:100px;
  top:0;
  line-height:80px
}
*/
#nav-seticon .icon-settings{
   position: absolute;
   top:20px;
   left:20px;
}

#nav-seticon .icon-tuichu{
  position: absolute;
  right:22px;
  top:20px;
}


 .blue,.navy{
  position:absolute;
  top:0px;
  right:0;
}

.komo{

   text-align: center;
   position: relative;
}
.komo div{
  position: relative;
  width:80px;
  margin:0 auto;
}
.komo div i{
  position:absolute;
  top:0;
  left:0;
}
.komo div .task{
  position:absolute;
  top:0;
  left:23px;
}
.komo .p1{
  color:#222222;
}

.komo .task{
   font-size: 12px;
}

#nav_search .nav_mui-row{
 margin:80px auto;
}

.list-style{
   border: 1px solid #f2f2f2;
   height:40px;
   width:90%;
   margin:0 auto;

  
}
.nav_mui-row .list-style li{
  position: relative;
  display: block;

}
.nav_mui-row .list-style li div{
   width:100%;
   height:40px;
   line-height: 40px;
   position: absolute;
   top:0;
   font-size: 12px;
}
.span_left{
   display:block;
   text-align: left;
   text-indent: 35px;
}

.navy{
   display: block;
   position: absolute;
   top:10px;
   right:25px;
   font-size: 10px;
   width:20px;
   height:20px;
   border-radius: 100%;
   text-align: center;
   line-height:20px;
   color:#b2b2b2;
   background: #f2f2f2;
}


.blue{
   color:#fff;
  background: #1f4ba5;
}
.border_none{
  border-bottom:none;
}

.hidden{
  display: none;
}


/*navigation_part4*/
.part4 #header input.phone_input{
   width:90%;
}

.part4 div .nav_div{
  width:165px;
  margin:40px auto;
  text-align: left;
}

.part4 div .nav_div ul  li{
    display: block;
    padding:0 0 20px 40px;
}

.part4-footer{
   width:100%;
   height:60px!important;
   position:relative;
   

}

.icon-mid{
  width:60px;
  height:60px;
  margin:0 auto;
  position: relative;
}

.icon-mid span{
  position: absolute;
  top:4px;
  right:2px;
}
.part4-footer .p-auto{
    width:90%;
    height:60px;
    position: fixed;
    text-align: center;
    margin:0 auto;
    bottom:20px;
    left:4.5%;
}

.part4-footer .p-auto .iconfont{
  position: absolute;
  top:10px;
  width:40px;
  height:40px;
  border-radius: 100%;
  line-height: 40px;
  border:1px solid #f2f2f2;
}
.part4-footer .p-auto .icon-mid .icon-daizi3{
  position: absolute;
  top:5px;
  left:5px;
  width:50px;
  height:50px;
  border-radius: 100%;
  border:1px solid #f2f2f2;
  line-height: 50px;
}



/*navigation_part5*/
.part5 ul {
   background:#f2f2f2;

}

.nothing{
  display: block;
  height:80px;
}
.part5 ul .mui-table-view-cell{
   height:80px;
   width:85px;
   background: #fff;
   padding:13px 0!important;
}

.part5-ul-li-div{

   width:70px;
   height:55px;
   text-align: center;
   line-height: 55px;
   margin:0 auto;
}

.part5 .mui-table-view  .icon-yonghu{
  color:#e4e4e4!important;
  display: block;
  width:45px;
  height:45px;
  border-radius: 100%;
  background: #f2f2f2;
  margin:0 auto;
  text-align: center;
  position: absolute;
  top:18px;
  left:20px;
}

.iconfont{
  color:#222222;
}


.part5-ul-li-div span.navy{
   position: absolute;
   right:10px;
   top:10px;
}


/*navigation_part6*/
.part6 ul li {
   display: block;
   position: relative;
}


.part6 ul li div .iconfont1{
    position: absolute;
    left:40%;
    top:5px;
}

.part6 ul li div p{
  line-height: 80px;
   text-align: center;

}

.part6 ul li div span{
   position: absolute;
   top:-8px;
   right:0;
}


.part6 .mui-table-view .first{
  padding:60px 0 0 0!important;
}

/*navigation_part7*/

#header .search_tips{
  position: absolute;
  width:100%;
  height:40px;
}
#header .search_tips_a{
  width: 120px;
  height:40px;
  margin:0 auto;
  position: relative;
}
#header .search_tips_a span{
  position: absolute;
  left:0px;top:10px;
}
#header .search_tips_a c{
  position: absolute;
  left:20px;
  top:10px;
  font-size: 12px;
  color:#b2b2b2;
}

#header input.phone_input{
    width:90%;
    margin: 20px auto 0;
    height:40px;
    font-size: 12px;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#header .serach_icon{
  position: absolute;
  top:12px;
  font-size: 12px;
  left:111px;
}

.mid{
  margin-top: 16px;
}

.flex_search{
  height:80px;
  width:50%;
  border:1px solid #e4e4e4;
  position: relative;
}
.flex_search li{
  width:80%;
  position: absolute;
  top:20px;
  left:25px;
  list-style: none;
  height:40px;
  overflow: visible;
} 

.flex_search li i{
  position: absolute;
  left:0px;
}
.flex_search li span{
  position:relative;
  left:10px;
  height:20px;
  width:125px;
  display: block;
}

.flex_search.f1{
  border-left:none;
  border-right: 1px solid #e4e4e4;
}
.flex_search.f2{
  border-left:none;
  border-right: none;
}
.flex_search.f3{
  border-left:none;
  border-right: 1px solid #e4e4e4;
  border-top:none;
}
.flex_search.f4{
  border-left:none;
  border-right: none;
  border-top:none;
}
.mui-table-view-cell:after{
  left:0px!important;
}
.flex_search li .navy{
  display: block;
  position: absolute;
  top:-20px;
  right:-25px;
  width:20px;
  height:20px;
  background:#f2f2f2;
 text-align: center;
 border-radius: 100%;
 font-size: 12px;
}

.flex_search li .mui_message{
   color:#fff;
   background: #1f4ba5!important;
}
.mui-seticon{
   width:90%;
   height:60px;
   position: relative;
   margin:20px auto;
}

.part7-mid{
   margin:0 auto;
   width:60px;
   height:60px;
   position: relative;
}


.mui-seticon .iconfont{
  text-align: center;
}

.mui-seticon .icon-settings{
  position: absolute;
  top:5px;
  width:40px;
  height:40px;
  border-radius: 100%;
  line-height: 40px;
  border:1px solid #f2f2f2;
}
.mui-seticon .icon-yonghu{
  
  width:50px;
  height:50px;
  border-radius: 100%;
  background: #f2f2f2;
  line-height: 50px;
}
.mui-seticon .icon-tuichu{
  position: absolute;
  top:5px;
  right:0;
  width:40px;
  height:40px;
  border-radius: 100%;
  line-height: 40px;
  border:1px solid #f2f2f2;
}


.footer{
 
   width:100%;
   height:65px;
   position:fixed;
   bottom:50px;
}
.footer .icon-X{
   margin:0 auto;
   width:60px;
   height:60px;
   border-radius: 100%;
   background:#1f4ba5;
   line-height: 60px;
   text-align: center; 
   color:#fff;
}


.part7-icon{
   display: block;
   position: absolute;
   top:-10px!important;
   right:0px!important;
   font-size: 10px;
   width:20px;
   height:20px;
   border-radius: 100%;
   text-align: center;
   line-height:20px;
   color:#b2b2b2;
   background: #f2f2f2;
}



/*navigation_part8*/

.part8 ul .mui-table-view-cell{
   display:block;
   height:35px;
}
.nav_sex ul{
   width:90%;
   height:50px;
   margin:0 auto;
}

.nav_sex ul li{
   float: left;
   display: block;
   width:50%;
   text-align: center;
   line-height: 50px;
   border-bottom:1.5px solid #1f4ba5;
}

.nav_sex ul li.light{
   border-bottom:1px solid #f2f2f2;
}

.nav_mui-row .mui-table-view{
   width:90%;
   margin:20px auto;
   border:1px solid #f2f2f2;
}

.part8-footer{
  width:100%;
  position: fixed;
  bottom:20px;

}

.part8-footer-auto{
   width:90%;
   margin:0 auto;
   position: relative;
}

.mui-table-view li a i{
    position: absolute;
    right:10px;
    font-size: 12px;
}
.rewrite{
  padding:0px!important;
}

.mui-table-view-cell{
   display: block;
}
.mui-table-view-cell .rewrite p{
   width:100%!important;
   height:40px;
   border:1px solid #f2f2f2;
 /*  text-indent:15px;*/
   line-height: 40px;
   background: #f9f9f9;
  
}

.part8-mid{
  width:60px;
  height:60px;
  margin:0 auto;
  position: relative;
}

.part8-footer-auto .iconfont{
  position: absolute;
  top:10px;
  width:40px;
  height:40px;
  border-radius: 100%;
  line-height: 40px;
  border:1px solid #f2f2f2;
}
.part8-footer-auto .icon-daizi3{
  position: absolute;
  top:5px;
  left:5px;
  width:50px;
  height:50px;
  border-radius: 100%;
  border:1px solid #f2f2f2;
  line-height: 50px;
}



/*navigation_part9*/
.part9 ul li a{
  color:#222222;
}
.part9 .mui-table-view li.mui-table-view-cell{
   display: block;
   width:100%;
   height:50px;
}
li.mui-table-view-cell{
  
}

.part9 .mui-table-view li .part9-div-span{
   width:100%;
   
}

.part9 ul li div p{
    padding:0 0 5px 0;
}

/*navigation_part10*/
.part10 .nav_div{
  width:90%;
  margin:0 auto;
  text-align: center;
 
}

.part10 .nav_div ul  li{
    display: block;
    padding:0 0 20px 0;
}


.part10 .nav_footer{
  width:90%;
  margin:40px auto;
  text-align: center;
 
}

.part10 .nav_footer ul  li{
    display: block;
    padding:0 0 10px 0;
    font-size:13px;
    color:#b2b2b2;
}
